@baseColor: #25BC89;
//  移动端的logo
.zxg_mobileLogo {
  width: 100%;
  height: 6rem;
  border-bottom: 2px solid @baseColor;
  background-color: #eee;
  overflow: hidden;
  a {
    height: 100%;
    img {
      height: 60%;
      display: block;
      margin-top: 16px;
      margin-left: 20px;
    }
  }

}

// 导航块
.zxg-nav {
  background-color: #fff;
  border-color: transparent;
  border-bottom: 3px solid @baseColor;
  border-radius: 0;
  box-sizing: border-box;
  margin-bottom: 0;
  font-weight: 700;
  >.container {
    position: relative;
    .navbar-header {
      .navbar-toggle {
        float: left;
        margin: 18px;
        border: none;
        &:hover,&:focus {
          background-color: transparent;
        }
        .icon-bar {
          background-color: @baseColor;
        }
      }
      .navbar-brand {
        width: 343px;
        height: 68px;
        margin-top: 12px;
        &:hover,&:focus {
          color: transparent;
        }
      }
    }
    .nav {
      margin: 40px 150px 40px 0;
      float: right;
      >li {
        padding: 0 15px;
        >a {
          color: #000;
          padding-left: 0;
          padding-right: 0;
        }
      }
      &.navbar-nav {
        >.active a {
          background-color: transparent;
          color: @baseColor;
          border-bottom: 2px solid @baseColor;
        }
        a:hover,a:focus {
          background-color: transparent;
          color: @baseColor;
          border-bottom: 2px solid @baseColor;
        }

      }
    }
    .zxg-help {
      position: absolute;
      top: 50%;
      right: 10px;
      transform: translateY(-50%);
      a {
        color: #fff;
        padding: 12px;
        background-color: @baseColor;
        border: 2px solid @baseColor;
        cursor: pointer;
        &:hover,&:focus {
          background-color: transparent;
          color: #000;
        }
      }
    }
  }

}
@media screen and (max-width: 1200px) {
  .zxg-nav {
    border: none;
    .container .nav {
      float: left;
    }
  }
}
@media screen and (max-width: 768px) {
  .zxg-nav > .container> .zxg-help {
    top: 0;
    transform: translateY(13px);
  }
}

// 底部说明块
.zxg-footer {
  padding: 4rem 0;
  background-image: url("../../images/pc/zxg-manbg.jpg");
  background-size: cover;
  color: #fff;
  .container .row {
    .footer-logo {
      width: 10rem;
      height: 8rem;
      margin: 2rem 0;
      background: url("../../images/pc/zxg-footerlogo.png") no-repeat center;
      background-size: 10rem 8rem;
    }
    .footer-info {
      > h3 {
        padding-bottom: 3rem;
        > i {
          border-bottom: 3px solid @baseColor;
          font-style: normal;
        }
      }
      .footer-list {
        li {
          line-height: 2rem;
          position: relative;
          .iconfont {
            font-size: 1.25rem;
          }
          &:last-of-type {
            padding-left: 1.5rem;
            > span {
              width: 1.25rem;
              height: 1.15rem;
              display: inline-block;
              position: absolute;
              top: .4rem;
              left: 0;
              background-size: 1.25rem 1.15rem;
              background-image: url("../../images/pc/footer-nmwicon.png");
            }
          }
        }
      }
    }
    .footer-form {
      > h3 {
        margin-bottom: 1rem;
      }
      #form {
        input,textarea {
          background-color: rgba(255,255,255,.2);
          color: #fff;
          padding: 12px;
          box-sizing: border-box;
          margin-bottom: 6px;
          font-size: .85rem;
        }
        　　:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
          color: #fff; opacity:.6;font-size: .85rem;
        }
        ::-moz-placeholder { /* Mozilla Firefox 19+ */
          color: #fff;opacity:.6;font-size: .85rem;
        }
        input:-ms-input-placeholder,textarea:-ms-input-placeholder {
          color: #fff;opacity:.6;font-size: .85rem;
        }
        input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
          color: #fff;opacity:.6;font-size: .85rem;
        }
        input:first-of-type {
          width: 40%;
          height: 36px;
          display: inline-block;
        }
        input:nth-of-type(2) {
          width: 55%;
          height: 36px;
          float: right;
          display: inline-block;
        }
        textarea {
          width: 100%;
          height: 100px;
          resize: none;
        }
        input:last-of-type {
          width: 100%;
          background-color: @baseColor;
          display: block;
        }
      }
    }
  }
}